<template>
	<div>
		<!-- 重定向到新的用户管理页面 -->
		<div v-if="isRedirecting" class="loading-container">
			<div class="loading-spinner"></div>
			<p>正在跳转到新的用户管理页面...</p>
		</div>
	</div>
</template>

<script>
export default {
	name: 'BackgroundUser',
	data() {
		return {
			isRedirecting: true
		}
	},
	created() {
		// 延迟重定向以显示加载提示
		setTimeout(() => {
			this.$router.push('/admin/users')
		}, 500)
	}
}
</script>

<style scoped>
.loading-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100vh;
	background-color: #f5f7fa;
}

.loading-spinner {
	width: 40px;
	height: 40px;
	border: 4px solid #f3f3f3;
	border-top: 4px solid #2C5AA0;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin-bottom: 16px;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

p {
	color: #606266;
	font-size: 14px;
}
</style>